<template>
  <div>
    <h2 class="tab-title">销售分析</h2>
    <el-card shadow="hover" class="placeholder-card">
      <i class="el-icon-data-line placeholder-icon"></i>
      <p>销售分析功能即将推出...</p>
    </el-card>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped>
.tab-title {
  margin-top: 0;
  margin-bottom: 20px;
  color: #303133;
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebeef5;
}

.tab-title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: #67C23A;
}

.placeholder-card {
  text-align: center;
  padding: 60px 20px;
  border-radius: 8px;
}

.placeholder-icon {
  font-size: 48px;
  color: #67C23A;
  margin-bottom: 20px;
}
</style> 